
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>小米商城-小米官方网站,小米手机、红米手机、小米笔记本、小米电视正品专卖</title>
	<link rel="stylesheet" href="./css/main.css">
	<link rel="stylesheet" href="./css/fonts.css">
</head>
<body>
<!-- 顶部条开始 -->
<div class="top">
<!-- 顶部内容开始 -->
	<div class="top_mid">
	<!-- 顶部条左侧开始 -->
		<div class="top_nav">
                <a href="" class="nav_itmes">小米商城</a>
                <span>|</span>
                <a href="" class="nav_itmes">MIUI</a>
                <span>|</span>
                <a href="" class="nav_itmes">米聊</a>
                <span>|</span>
                <a href="" class="nav_itmes">游戏</a>
                <span>|</span>
                <a href="" class="nav_itmes">多看阅读</a>
                <span>|</span>
                <a href="" class="nav_itmes">云服务</a>
                <span>|</span>
                <a href="" class="nav_itmes">金融</a>
                <span>|</span>
                <a href="" class="nav_itmes">小米网移动版</a>
                <span>|</span>
                <a href="" class="nav_itmes">问题反馈</a>
                <span>|</span>
                <a href="" class="nav_itmes">Select Region</a>
        </div>
            <!-- 顶部条左侧结束 -->
            <!-- 顶部条右侧开始 -->
		<div class="top_right">
				<a href="" class="nav_itmes">登录</a><span>| </span>
				<a href="" class="nav_itmes">注册</a><span>| </span>
				<a href="" class="nav_itmes">消息通知</a><span>| </span>
				<a href="" class="nav_itmes car"><i class='iconfont'>&#xe60c;</i>购物车(0)</a>
		</div>
            <!-- 顶部条右侧结束 -->
</div>
<!-- 顶部内容结束 -->
</div>
<!-- 顶部条结束 -->

<!-- 头部开始 -->
<div class="header">
<!-- 头部内容开始 -->
	<div class="header_mid">
	<!-- 头部菜单开始 -->
		<div class="menu">
		<!-- 头部左边LOGO开始 -->
			<div class="logo">
				<a class="logo_mi" href="http://www.mi.com"><img src="./images/logo-footer.png" alt=""></a>
				<a href=""><img src="./images/mi5.gif" alt=""></a>
			</div>
		<!-- 头部左边LOGO结束 -->	
	<!-- 头部中间菜单开始 -->
	<div class="menu_item">
		<a href="" class="menu_list">小米手机</a>
        <a href="" class="menu_list">红米</a>
        <a href="" class="menu_list">平板 · 笔记本</a>
        <a href="" class="menu_list">电视</a>
        <a href="" class="menu_list">盒子 · 影音</a>
        <a href="" class="menu_list">路由器</a>
        <a href="" class="menu_list">智能硬件</a>
        <a href="" class="menu_list">服务</a>
        <a href="" class="menu_list">社区</a>
	</div>
	<!-- 头部中间菜单结束 -->
	<!-- 头部右边搜索开始 -->
	<div class="search">
		<input  class="search_left"  type="text">
		<input 	class="search_right iconfont" type="submit"  value="&#xe616;">
	</div>
	<!-- 头部右边搜索结束 -->	
		</div>
	<!-- 头部菜单结束 -->
		<!-- 头部广告开始 -->	
	<div class="header_ad">
	<!-- 头部广告栏的导栏开始 -->
	<div class="header_ad_menu_borther"></div>	
	  <div class="header_ad_menu">
	  	<ul class="menu_item">
	  		<li class="menu_list"><a href="">手机 电话卡</a><i class='iconfont'></i></li>
	  		<li class="menu_list"><a href="">笔记本 平板</a><i class='iconfont'></i></li>
	  		<li class="menu_list"><a href="">电视 盒子</a><i class='iconfont'></i></li>
	  		<li class="menu_list"><a href="">路由器 智能硬件</a><i class='iconfont'></i></li>
	  		<li class="menu_list"><a href="">移动电源 电池 插线板</a><i class='iconfont'></i></li>
	  		<li class="menu_list"><a href="">耳机 音箱</a><i class='iconfont'></i></li>
	  		<li class="menu_list"><a href="">保护套 贴膜</a><i class='iconfont'></i></li>
	  		<li class="menu_list"><a href="">线材 支架 存储卡</a><i class='iconfont'></i></li>
	  		<li class="menu_list"><a href="">箱包 服饰</a><i class='iconfont'></i></li>
	  		<li class="menu_list"><a href="">米兔 生活周边</a><i class='iconfont'></i></li>
	  	</ul>
	</div>
	<!-- 头部广告栏的导栏结束 -->
	<!-- 头部广告栏的右侧广告开始 -->
	<div class="header_ad_right">
		<img src="./images/ad.jpg" alt="" >
		<span class='turn_left'></span>
		<span class='turn_right'></span>
	</div>
	<!-- 头部广告栏的右侧广告结束 -->
	</div>
	<!-- 头部广告结束 -->	
     
    <!-- 选择手机开始 -->
	<div class="ad">
		<ul class="home-channel-list">
			<li><a href=""><i class="iconfont">&#xe901;</i>选购手机</a>
			<span class='line_right'></span><span class='line_bottom'><span></li>
			<li><a href=""><i class="iconfont">&#xe63e;</i>企业团购</a>
			<span class='line_right'></span><span class='line_bottom'><span></li>
			<li><a href=""><i class="iconfont">&#xe63b;</i>官翻产品</a></span><span class='line_bottom'></li>
			<li><a href=""><i class="iconfont"></i>小米移动</a><span class='line_right'></span></li>
			<li><a href=""><i class="iconfont"></i>以旧换新</a><span class='line_right'></span></li>
			<li><a href=""><i class="iconfont"></i>话费充值</a></li>
		</ul>
		<!-- 选择手机结束 -->
		<!-- 右侧三个广告开始 -->
		<div class="ad_span"><img src="./images/xianliang.jpg" alt=""></div>
		<div class="ad_span"><img src="./images/3s.jpg" alt=""></div>
		<div class="ad_span"><img src="./images/max1299.jpg " alt=""></div>
		<!-- 右侧三个广告结束 -->
	</div>

	<!-- 小米明星单品大盒子开始 -->
	<div class="home_star_goods">
		<!-- 小米明星单品开始 -->
			<div class="xm_plain_box">
			<h2 class="">小米明星单品</h2>
			<span class='iconfont'></span>
			<span class='iconfont'></span>
			</div>
		<!-- 小米明星单品结束 -->
		<!-- 产品后面的图片开始 -->
		<div class="xm_plain_box_a">
			<ul  class="xm_plain_box1">
			 <li  class="xm_plain_box1_mi5"><img src="./images/mi5.jpg" alt=""><a href="">小米5 高配64GB</a><p>黑科技手机，3D玻璃机身</p><b>2099元</b></li>
			 <li  class="xm_plain_box1_mi5"><img src="./images/max.png" alt=""><a href="">小米Max 优惠200元</a><p>128GB大容量，4850mAh大电池</p><b>1799元</b></li>
			 <li  class="xm_plain_box1_mi5"><img src="./images/pro.png" alt=""><a href="">红米Pro 十核双摄</a><p>购机即送Type-C转接头</p><b>1499元起</b></li>
			 <li  class="xm_plain_box1_mi5"><img src="./images/ibook.jpg" alt=""><a href="">小米笔记本</a><p>独立显卡、超轻薄、金属机身</p><b>3499元起</b></li>
			 <li  class="xm_plain_box1_mi5"><img src="./images/ipad.png" alt=""><a href="">小米平板2 16GB现货</a><p>轻薄全金属，海量内容</p><b>999元</b></li>
			</ul>
		</div>
		<!-- 产品后面的图片结束 -->
	</div>
	<!-- 小米明星单品大盒子结束 -->
</div>
<!-- 头部内容结束 -->
</div>
<!-- 头部结束 -->


<!-- body开始 -->
<!-- body大盒子开始 -->
<div class="page_main">
<!-- body中盒子大居中开始 -->
	<div class="container">
	<!-- body中盒子居中1开始 -->
		<div class="container_mid1">
			<!-- 中盒子导航栏开始 -->
				<div class="box_hd">
             	<h2 class="">智能硬件</h2>
            	<div class="box_hd_right"><a href="">查看全部</a><i class='iconfont'></i>
            	</div>
            	</div>
            <!-- 中盒子导航栏结束 --> 

			<!--中盒子硬件广告盒子开始 -->
				<div class="box_ad">
						<!--中盒子定位电话开始-->
						<div class="box_ad_left">
							<img src="./images/dingwei.jpg" alt="">
						</div>
						<!--中盒子定位电话结束-->
						<!--中盒子的右侧盒子开始-->
						<div class="box_ad_right">
							<ul  class="right_ul">
									<li class="ad1"><img src="./images/modem.jpg" alt=""><a href="">小米路由器3</a><p>四天线设计，更安全更稳定</p><b>149元</b></li>
									<li class="ad2"><img src="./images/gushiji.jpg" alt=""><a href="">米兔智能故事机</a><p>宝宝又不好好吃饭，让米兔来哄宝宝吧</p><b>199元</b></li>
									<li class="ad3"><img src="./images/dianfanbao.jpg" alt=""><a href="">米家压力IH电饭煲</a><p>智能定时烹饪，花呗6期免息</p><b>999元</b></li>
									<li class="ad4"><img src="./images/bicycle.jpg" alt=""><a href="">电助力折叠自行车</a><p>力矩传感电助力，折叠便携设计</p><b>2999元</b></li>
									<li class="ad5"><img src="./images/diweiphone.jpg" alt=""><a href="">米兔定位电话</a><p>时刻定位，守护你所爱</p><b>169元</b></li>
									<li class="ad6"><img src="./images/air.jpg" alt=""><a href="">小米笔记本Air 12.5英寸</a><p>更轻更薄，像杂志一样随身携带</p><b>149元</b></li>
									<li class="ad7"><img src="./images/led.jpg" alt=""><a href="">米家 LED 智能台灯</a><p>无可视频闪，亮度色温无级调节</p><b>169元</b></li>
									<li class="ad8"><img src="./images/pingheng.jpg" alt=""><a href="">九号平衡车</a><p>年轻人的酷玩具，骑行遥控两种玩法</p><b>1999元</b></li>
							</ul>
						</div>
						<!--中盒子的右侧盒子结束-->
				</div>

			<!--中盒子硬件广告盒子结束-->
		</div>
		<!-- body中盒子居中1结束-->
		<!--中盒子广告盒子2开始-->
			<div class="container_mid2">
			<!-- 导航栏开始 -->
				<div class="mid2_nav">
						<h2>搭配</h2>
					<div class="mid2_nav_right">
						<h4 class="1">热门</h4>
						<h4 class="2">耳机音箱</h4>
						<h4 class="3">电源</h4>
						<h4 class="4">电池存储卡</h4>
					</div>
					</div>
			<!-- 导航栏结束 -->
			<!-- 广告盒子2下边广告开始 -->
		<div class="mid2_ad">
			<ul class="mid2_ad_ul">
				<li class="ad1"><img src="./images/mm.jpg" alt=""></li>
				<li class="ad2"><img src="./images/dianyuan.jpg" alt=""><p><a href="">小米移动电源10000mAh</a></p><b>79元</b><p>19.6万人评价</p></li>
				<li class="ad3"><img src="./images/quantie.jpg" alt=""><p><a href="">小米圈铁耳机</a></p><b>99元</b><p>1.7万人评价</p></li>
				<li class="ad4"><img src="./images/dianyuangao.jpg" alt=""><p><a href="">小米移动电源10000mAh高配版</a></p><b>149元</b><p>2.3万人评价</p></li>
				<li class="ad5"><img src="./images/chaxianban2.jpg" alt=""><p><a href="">小米插线版</a></p><b>49元</b><p>25.3万人评价</p></li>

				<!-- 广告第一行结束 -->
				<!-- 第二行开始 -->
					<li class="xia_ad1"><img src="./images/erji.jpg" alt=""></li>
					<li class="xia_ad2"><img src="./images/yinxiang2.jpg" alt=""><p><a href="">小米小钢炮蓝牙音箱2</a></p><b>129元</b><p>1.4万人评价</p></li>
					<li class="xia_ad3"><img src="./images/dianyuan5000.jpg" alt=""><p><a href="">小米移动电源5000mAh</a></p><b>49元</b><p>9.1万人评价</p></li>
					<li class="xia_ad4"><img src="./images/caizai.jpg" alt=""><p><a href="">小米车载充电器</a></p><b>49元</b><p>3.2万人评价</p></li>
						<!-- 右下角两个图片开始-->
				<li class="xia_ad5">
					<div class="xia_ad5_top">
						<a href="">小米小钢炮...</a><b>49元</b><img src="./images/xiaogangpao.jpg" alt="">
						</div>
					<div class="xia_ad5_bottom">
						<a href="">浏览更多</a><p>热门</p><i class="iconfont"></i>
					</div>
				</li>
						<!-- 右下角两个图片结束-->
					</ul>

				</div>
					<!-- 第二行结束 -->



				</div>
			<!-- 广告盒子2下边广告结束 -->

		</div>
		<!--中盒子广告盒子2结束-->

		


	<!-- 中盒子广告盒子3开始
			<div class="container_mid3">
			导航栏开始
				<div class="mid3_nav">
						<h2>配件</h2>
					<div class="mid3_nav_right">
						<h4 class="1">热门</h4>
						<h4 class="2">保护套</h4>
						<h4 class="3">贴膜</h4>
						<h4 class="4">其他配件</h4>
					</div>
					</div>
			导航栏结束
			广告盒子3下边广告开始
				<div class="mid3_ad">
				<img class="ad1" src="./images/qizhe.jpg" alt="">
				<img src="./images/qizhe.jpg" alt="">
				<img src="./images/qizhe.jpg" alt="">
				<img src="./images/qizhe.jpg" alt="">
				<img src="./images/qizhe.jpg" alt="">
				</div>
			广告盒子3下边广告结束
	
		</div>
		中盒子广告盒子3结束
	
	 	第二行开始
			<div class="mid3_ad_xia">
				<img src="./images/chaxianban.jpg" alt="">
				<img src="./images/chaxianban.jpg" alt="">
				<img src="./images/chaxianban.jpg" alt="">
				<img src="./images/chaxianban.jpg" alt="">
				<img class="ad1" src="./images/baohutao.jpg" alt="">
				<img class="ad2" src="./images/baohutao.jpg" alt="">
			</div>
		第二行结束
	
	广告三结束
	
	广告四开始
	中盒子广告盒子4开始
		<div class="container_mid4">
	导航栏开始
			<div class="mid4_nav">
					<h2>周边</h2>
				<div class="mid4_nav_right">
					<h4 class="1">热门</h4>
					<h4 class="2">服装</h4>
					<h4 class="3">米兔</h4>
					<h4 class="4">生活周边</h4>
					<h4 clall="5">箱包</h4>
				</div>
				</div>
	导航栏结束
				广告盒子4下边广告开始
				<div class="mid4_ad">
				<img class="ad1" src="./images/yifu.jpg" alt="">
				<img src="./images/yifu.jpg" alt="">
				<img src="./images/yifu.jpg" alt="">
				<img src="./images/yifu.jpg" alt="">
				<img src="./images/yifu.jpg" alt="">
				</div>
			广告盒子4下边广告结束
		</div>
		中盒子广告盒子4结束
	
	 			第二行开始
			<div class="mid4_ad_xia">
				<img src="./images/zhentou.jpg" alt="">
				<img src="./images/zhentou.jpg" alt="">
				<img src="./images/zhentou.jpg" alt="">
				<img src="./images/zhentou.jpg" alt="">
				<img class="ad1" src="./images/baohutao.jpg" alt="">
				<img class="ad2" src="./images/baohutao.jpg" alt="">
			</div> -->
			<!-- 第二行结束 -->
		<!--广告四结束-->

<!-- 为你推荐大盒子开始
	<div class="home_star_goods1">
		为你推荐开始
			<div class="xm_plain_box2">
			<h2 class="">为你推荐</h2>
			<span class='iconfont'></span>
			<span class='iconfont'></span>
			</div>
		为你推荐结束
		产品后面的图片开始
		<div class="xm_plain_box_a">
			<ul  class="xm_plain_box1">
			 <li  class="xm_plain_box1_mi5"><img src="./images/mi5.jpg" alt=""><a href="">小米5 高配64GB</a><p>黑科技手机，3D玻璃机身</p><b>2099元</b></li>
			 <li  class="xm_plain_box1_mi5"><img src="./images/mi5.jpg" alt=""><a href="">小米Max 优惠200元</a><p>128GB大容量，4850mAh大电池</p><b>1799元</b></li>
			 <li  class="xm_plain_box1_mi5"><img src="./images/mi5.jpg" alt=""><a href="">红米Pro 十核双摄</a><p>购机即送Type-C转接头</p><b>1499元起</b></li>
			 <li  class="xm_plain_box1_mi5"><img src="./images/mi5.jpg" alt=""><a href="">小米笔记本</a><p>独立显卡、超轻薄、金属机身</p><b>3499元起</b></li>
			 <li  class="xm_plain_box1_mi5"><img src="./images/mi5.jpg" alt=""><a href="">小米平板2 16GB现货</a><p>轻薄全金属，海量内容</p><b>999元</b></li>
			</ul>
		</div>
		产品后面的图片结束
	</div>
	为你推荐大盒子结束 -->
	
 








</div>
<!--body中盒子大居中结束-->
</div>
<!--body大盒子结束-->
<!--body结束-->





</body>
</html>